<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/icomoon.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/echarts.min.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.min.js"></script>
</head>
<body>
     <div class="viewport">
        <!-- 信息 左-->
        <div class="column">
          <!-- 信息 -->
          <div class="panel overview">
            <div class="inner">
<!-- 信息1 -->
            <ul>
              <li>
                <h3>2,290</h3>
                <span>
                  <i class="icon-dot" style="color:#6acca3"></i>
                  设备总数
                </span>
              </li>
              <li>
                <h3>2,290</h3>
                <span>
                  <i class="icon-dot"></i>
                  设备总数
                </span>
              </li>
              <li>
                <h3>2,290</h3>
                <span>
                  <i class="icon-dot"></i>
                  设备总数
                </span>
              </li>
              <li>
                <h3>2,290</h3>
                <span>
                  <i class="icon-dot"></i>
                  设备总数
                </span>
              </li>
            </ul>
            <!-- 信息1 -->
            </div>
          </div>
          <!-- 监控 -->
          <div class="panel monitor">
            <div class="inner">
              <div class="tabs">
                <a href="javascript:;" class="active">故障设备监控</a>
                <a href="javascript:;">异常设备监控</a>
              </div>
              <!-- tabs -->
              <div class="content">
                <div class="head">
                  <span class="col">故障时间</span>
                  <span class="col">设备地址</span>
                  <span class="col">异常代码</span>
                </div>
                <div class="marquee-view">
                  <div class="marquee">
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                      <span class="icon-dot"></span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                      <span class="icon-dot"></span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                      <span class="icon-dot"></span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                      <span class="icon-dot"></span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                      <span class="icon-dot"></span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                    </div>
                    <div class="row">
                      <span class="col"> 20190710</span>
                      <span class="col">北京市昌平区建材城西路金燕龙写字楼</span>
                      <span class="col">1000010</span>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 内容 -->
              <!-- 内容 -->
            </div>
          </div>
          <!-- 监控 -->
        </div>
        <!-- 地图 中-->
        <div class="column"></div>
        <!-- 订单  右-->
        <div class="column"></div>
     </div>
</body>
</html>